<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Your Website Title</title>
	<meta name="description" content="Website Description" />
	<meta name="keywords" content="Website Kwywords" />
	<style type="text/css" media="all">@import "/learn/resources/mstp_93_xkblog/style/style.css";</style>
	<!--[if lt IE 7]>
	<style type="text/css">@import "style/ie.css";</style>
	<script src="script/DD_belatedPNG.js" type="text/javascript"></script>
	<script type="text/javascript">
		DD_belatedPNG.fix('#logo span, #loginarea, #panellogin, .textboxlogin, img');
	</script>
	<![endif]-->
	<!--[if IE 7]><style type="text/css">@import "style/ie7.css";</style><![endif]-->
	
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/jquery.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/ui_core.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/ui_tabs.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/lightbox.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/twitter.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/gettwitter.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function() {
		$("#butslide").click(function(){
				$("#panellogin").slideToggle("fast");
				$(this).toggleClass("active"); return false;
		}); 
		$('#tabsnav').tabs({ fx: { opacity: 'toggle' } });
		$('a.popup').lightBox({fixedNavigation:true});
	});
	</script>
</head>
<body>
<p><a class="skiplink" href="#maincontent">Skip over navigation</a></p>
<div id="container">
	<div id="wrapper">
		<div id="header">
			<div id="headertop">
				<a href="#" class="replace" id="logo"><span></span>Rushhour - Your Company Slogan</a>
				<div id="loginarea">
					<p class="notlogin">管理员登录</p>
					<p class="loginbut"><a href="/learn/admin/toAdminLoginPage" class="butlogin" >Login</a></p>
					
				</div>
			</div>
			<div id="placemainmenu">
				<ul id="mainmenu">
					<li><a href="/learn/customer/toIndexPage#">主页</a></li>
					<li><a href="/learn/customer/toNewListPage">News</a></li>
				</ul>
				<form method="post" action="#" id="frmsearch">
					<div>
						<input type="text" name="search" class="textboxsearch" value="Search" onblur="if(this.value.length == 0) this.value='Search';" onclick="if(this.value == 'Search') this.value='';" /> <input type="submit" name="submitsearch" class="submitsearch" value="Search" />
					</div>
				</form>
				<div class="clear"></div>
			</div>
		</div>
		<div id="content">
			
			<div id="maincontent">
				<div class="boxbig">
					<h1 class="titlebig">${blog.title }</h1>
					<div class="boxbigcontent">
					    <c:forEach var="item" items="${images }">
					   		<img src="${item.url }" alt="Images" class="imgright" />
					    </c:forEach>
						<p>${blog.content}</p>
						<br>
						<br>
						<br>
						<br>
						<br>
						<h2>${blog.createTime}</h2>
						<!-- <p>Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci, vel posuere velit nibh ac tortor. Praesent commodo feugiat lectus, eget hendrerit risus viverra a. Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci, vel posuere velit nibh ac tortor. Praesent commodo feugiat lectus, eget hendrerit risus viverra a.</p>
						<ul>
							<li>Lorem ipsum dolor sit amet</li>
							<li>Integer ornare elit et ligula consequat aliquet.</li>
							<li>Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci.</li>
							<li>Lorem ipsum dolor sit amet</li>
							<li>Integer ornare elit et ligula consequat aliquet.</li>
							<li>Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci.</li>
						</ul>
						<h3>Praesent commodo feugiat</h3>
						<img src="images/img_2.jpg" alt="Images" class="imgleft" />
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci, vel posuere velit nibh ac tortor. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Nulla facilisi. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Nunc suscipit pellentesque tincidunt. Vestibulum sed mauris in nisi suscipit ullamcorper sit amet vel dui. Praesent commodo feugiat lectus, eget hendrerit risus viverra a.</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci, vel posuere velit nibh ac tortor. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Nulla facilisi. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Nunc suscipit pellentesque tincidunt. Vestibulum sed mauris in nisi suscipit ullamcorper sit amet vel dui. Praesent commodo feugiat lectus, eget hendrerit risus viverra a.</p>
						<h4>Praesent commodo feugiat</h4>
						<p><strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci, vel posuere velit nibh ac tortor. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Nulla facilisi. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Nunc suscipit pellentesque tincidunt. Vestibulum sed mauris in nisi suscipit ullamcorper sit amet vel dui. Praesent commodo feugiat lectus, eget hendrerit risus viverra a.</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci, vel posuere velit nibh ac tortor. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Nulla facilisi. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Nunc suscipit pellentesque tincidunt. Vestibulum sed mauris in nisi suscipit ullamcorper sit amet vel dui.</p> -->
					</div>
					<div class="boxbigcontentbottom"></div>
				</div>
			</div>
			<div id="nav">
				<div class="boxnav">
					<h3 class="titlenav">Advertisement</h3>
					<div class="boxnavcontent">
						<ul id="listads">
						    <c:forEach var="item" items="${newestBlogs }">
						   		<li>
						   			<a href="<%=request.getContextPath()%>/customer/toaboutus?id=${item.blogId}">
						   				<img src="${item.surfacePlot }" height="100" width="100" alt="GraphicRiver" />
						   			</a>
						   		</li>
						    </c:forEach>
						</ul>
						<div class="clear"></div>
						<a href="#" class="linkadv">Advertise Here</a>
						<div class="clear"></div>
					</div>
				</div>
				<ul id="tabsnav">
					<li><a href="#panel1">Newsletter</a></li>
					<li><a href="#panel2">Portfolio</a></li>
					<li class="last"><a href="#panel3">News</a></li>
				</ul>
				<div class="tabscontent" id="panel1">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec leo et nunc fermentum viverra nec at sem:</p>
					<form method="post" action="#" id="frmnewsletter">
						<div>
							<label for="nltname">Your Name:</label> <input type="text" name="name" class="textboxnewsletter" id="nltname" /><br />
							<label for="nltemail">Email Address:</label> <input type="text" name="email" class="textboxnewsletter" id="nltemail" /><br />
							<input type="submit" name="submitsubscribe" class="submitsubscribe" value="Subscribe" />
							<div class="clear"></div>
						</div>
					</form>
				</div>
				<div class="tabscontent" id="panel2">
					<a href="images/portfolio_1.jpg" id="linklatest" class="popup" title="King Resto"><img src="images/photo_1.jpg" alt="King Resto" /></a>
					<ul id="tabsproject">
						<li><strong>Client:</strong> King Resto</li>
						<li><strong>What We Do:</strong> Logo Design &amp; Web Design</li>
						<li><strong>Website:</strong> <a href="#">google.com</a></li>
					</ul>
				</div>
				<div class="tabscontent" id="panel3">
					<ul id="listnewsnav">
						<li><a href="#">Lorem ipsum dolor.</a></li>
						<li><a href="#">Praesent nec leo et nunc fermentum viverra nec at sem. fermentum viverra nec at sem.</a></li>
						<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing.</a></li>
						<li><a href="#">Ut dui sapien, vulputate id tincidunt nec, semper quis.</a></li>
						<li><a href="#">Lorem ipsum dolor</a></li>
					</ul>
					<a href="#" class="linkreadmore">Read more News &#187;</a>
					<div class="clear"></div>
				</div>
				<div class="boxnav">
					<h3 class="titlenav">Main Menu</h3>
					<div class="boxnavcontent">
						<ul class="menunav">
						    <c:forEach var="item" items="${productCategorys }">
					    		<li><a href="/learn/customer/toNewListPage?oneLevelId=${item.productCategoryId }">${item.productCategoryName }</a></li>
					    	</c:forEach>
							<!-- <li><a href="#">Lorem ipsum dolor</a></li>
							<li><a href="#">Sit amet consectetur adipiscing</a></li>
							<li><a href="#">Donec placerat</a></li>
							<li><a href="#">Lorem ipsum dolor</a></li>
							<li><a href="#">Sit amet consectetur adipiscing</a></li>
							<li class="last"><a href="#">Donec placerat</a></li> -->
						</ul>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div id="footer">
			<p id="texttwitter"></p>
			<ul id="menufooter">
				<li><a href="#">Home</a></li>
				<li><a href="#">News</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Contact Us</a></li>
				<li class="last"><a href="#">Follow us on Twitter</a></li>
			</ul>
			<ul id="menufooterright">
				<li>Copyright 2009, Rushhour, Inc.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></li>
				<li class="last"><a href="#">Back to top</a></li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>